<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象迭代</title>
    <script src="../js/vue-dev.js"></script>
</head>
<body>

    <div id="app_for">
        <!--  可以使用v-for迭代一个对象的属性；-->
        <!--  第一个参数为：对象的属性值；-->
        <!--  第二个参数为：对象的属性名；-->
        <!--  第三个参数为：对象的属性索引，从0开始；-->
        <ul>
            <li v-for="(value,key,index) in person">
                {{index+1}}=>{{key}}=>{{value}}
            </li>
        </ul>
    </div>

    <script>
        var app_for = new Vue({
            el:'#app_for',
            data:{
                person:{
                    name:'Tuweiya',
                    age:18,
                    school:'安徽农业大学'
                }
            },
        })

    </script>
</body>
</html>